<template>
  <div style="height: 100%" id="application">
    <ElConfigProvider :locale="currentLocale">
      <RouterView />
    </ElConfigProvider>
  </div>
</template>

<script setup lang="ts">
import { RouterView } from 'vue-router'
import { ElConfigProvider } from 'element-plus'

import useLocaleStore from './stores/modules/locale'
import { storeToRefs } from 'pinia'

const localeStore = useLocaleStore()

const { currentLocale } = storeToRefs(localeStore)
</script>

<style scoped></style>
